<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>前台登录成功</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/cont.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css" />

    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.js"></script>

    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.js" media="all" ></script>
    <style type="text/css">
        .carousel-inner{
            text-align: center;

            width:100%;
            height: 400px;
        }
        .carousel-inner1{
            text-align: center;

            width:100%;
            height: 300px;
        }
        .dd{
            text-align: center;
            color: #367BA7;
            font-family: "微软雅黑";
            margin-top: 30px;
            line-height: 30px;

        }
        .dd2{
            width: 80%;
            height: 500px;
            margin: auto;
            border: 1px red solid;
        }

        #tuijian{

        }

    </style>
</head>
<body>

<div style="position:fixed;z-index: 99999;padding-top: 870px;">
    <iframe  frameborder="no" border="0" margin-top="100px" marginheight="0" width=100% height=100 src="https://music.163.com/outchain/player?type=2&id=448916734&auto=1&height=66"></iframe>
</div>
<div >
    <ul class="layui-nav" lay-filter="demo">
        <li class="layui-nav-item" style="margin-left: 60px;"><img src="${pageContext.request.contextPath}/img/logo.png" style="height: 60px;width: 150px;margin-left: 30px;"/></li>
        <li class="layui-nav-item" style="float: right;">
            <a href="${pageContext.request.contextPath}/userLogin"  style="color: deepskyblue;font-size: 20px;font-family: '微软雅黑';">
                <img src="${pageContext.request.contextPath}//t.cn/RCzsdCq" class="layui-nav-img">用户登陆</a>
            <dl class="layui-nav-child">
                <dd><a href="#"  style="color: deepskyblue;font-size: 15px;font-family: '微软雅黑';">修改信息</a></dd>
                <dd><a href="#"  style="color: deepskyblue;font-size: 15px;font-family: '微软雅黑';">安全管理</a></dd>
                <dd><a href="#"  style="color: deepskyblue;font-size: 15px;font-family: '微软雅黑';">退了</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item" style="float: right;">
            <a href=""  style="color: deepskyblue;font-size: 20px;font-family: '微软雅黑';">个人中心<span class="layui-badge-dot"></span></a>
        </li>
        <li class="layui-nav-item" style="float: right;">
            <a href="${pageContext.request.contextPath}/login"  style="color: deepskyblue;font-size: 20px;font-family: '微软雅黑';">控制台<span class="layui-badge">9</span></a>
        </li>
    </ul>



</div>


<div style="width: 100%; height: 50px;float:left; background-color: ghostwhite; ">
    <div class="container">
        <div class="row"  style="margin-top:15px;font-size: 17px;">
            <div class="col-lg-1"></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/index">首页</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/userSingerLogin">歌手</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/userMV">MV</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/songTypeLogin">歌曲分类</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/ticketLogin">票务</a></div>
            <div class="col-lg-1"></div>
        </div>
    </div>
</div>
<div style="line-height: 10px;">&nbsp;</div>

<!-- 大轮播图片 -->
<div id="demo" class="carousel slide" data-ride="carousel">

    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
        <li data-target="#demo" data-slide-to="3"></li>
        <li data-target="#demo" data-slide-to="4"></li>
    </ul>
    <div class="carousel-inner">
        <div class="carousel-item active" style="background-color: #FFFAEA;">
            <img src="${pageContext.request.contextPath}/img/3.jpg">
        </div>
        <div class="carousel-item" style="background-color: #09140C;">
            <img src="${pageContext.request.contextPath}/img/2.jpg">
        </div>
        <div class="carousel-item" >
            <img src="${pageContext.request.contextPath}/img/sup.jpg">
        </div>
        <div class="carousel-item" >
            <img src="${pageContext.request.contextPath}/img/4.jpg">
        </div>
        <div class="carousel-item"  style="background-color: #876E69;" >
            <img src="${pageContext.request.contextPath}/img/最后5.jpg">
        </div>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>

</div>
<!--
	作者：offline
	时间：2019-12-21
	描述：新歌首发
-->
<div class="content" class="container">
    <div class="content-1 container">
        <div class="row">
            <div class="col-lg-2" style="margin-right: 60px;">
                <div style="float: left;" class="co-content-2 ">
                    <a href="#"><span class="glyphicon glyphicon-chevron-right" style="margin-right:12px ;"></span>播放全部</a>
                </div>
            </div>
            <div class="col-log-2"></div>
            <div class="col-lg-4" style="margin-left: 232px;">
                <img src="${pageContext.request.contextPath}/img/新歌推荐.png" width="150px" style="text-align: center;"/>
            </div>
            <div class="col-log-2"></div>
            <div class="col-log-2"></div>
        </div>
    </div>
    <div>
        <div class="container" style="padding: 20px;padding-bottom: 0; ">
            <div class="row visible-on">
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="${pageContext.request.contextPath}/img/1.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="img/2.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
                <div class="clearfix visible-xs"></div>
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="img/3.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
            </div>
            <hr>
        </div>


        <div class="container" style="padding: 20px;padding-bottom: 0px;">
            <div class="row visible-on">
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="img/4.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="${pageContext.request.contextPath}/img/5.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
                <div class="clearfix visible-xs"></div>
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="img/6.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>

            </div>
            <hr>
        </div>


        <div class="container" style="padding: 20px; padding-bottom: 0px; ">
            <div class="row visible-on">
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="${pageContext.request.contextPath}/img/7.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="${pageContext.request.contextPath}/img/8.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>
                <div class="clearfix visible-xs"></div>
                <div class="col-xs-12 col-sm-4" style="box-shadow: inset 1px #444;float: left;">
                    <div class="left">
                        <img src="${pageContext.request.contextPath}/img/9.png">
                    </div>
                    <div class="cnter">
                        <h3 class="cnter-1">就在此刻</h3>
                        <p class="cnter-2"><a href="#">K-391</a> / <a href="#">Alan Walker</a> /<a href="#">周笔畅</a></p>
                    </div>
                    <div  class="right">
                        02:37
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<!--
	作者：offline
	时间：2019-12-21
	描述: 歌单推荐
-->

<div style="text-align: center; line-height: 70px;" ><img src="${pageContext.request.contextPath}/img/歌单推荐.png" width="150px"></div>

<div class="container">
    <div class="row">

        <div class="col-lg-2" style="margin-right: 20px;margin-left: 35px;"><img src="${pageContext.request.contextPath}/img/gd1.jpg" width="200px"></div>
        <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/gd2.jpg" width="200px"></div>
        <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/gd3.jpg" width="200px"></div>
        <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/gd4.jpg" width="200px"></div>
        <div class="col-lg-2"><img src="${pageContext.request.contextPath}/img/gd5.jpg" width="200px"></div>
        <div class="col-lg-1">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 50px;">蒙面女神驾到！实力与美貌并存
            <p style="color:#ABABAB ;">播放量：25.3万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">冬日的阳光，总是那么温柔
            <p style="color: #ABABAB;">播放量13.6万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">“当我跑步时，我在听些什么”
            <p style="color: #ABABAB;">播放量15.4万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">虐心华语 · 从今往后雨女无瓜
            <p style="color: #ABABAB;">播放量22.6万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">激越回响 · 燃炸Brostep
            <p style="color: #ABABAB;">播放量16.6万</p>
        </div>
        <div class="col-lg-1"></div>
    </div>
    <p style="line-height: 40px;">&nbsp;</p>

    <div class="row">

        <div class="col-lg-2" style="margin-right: 20px;margin-left: 35px;"><img src="${pageContext.request.contextPath}/img/gd6.jpg" width="200px"></div>
        <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/gd7.jpg" width="200px"></div>
        <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}img/gd8.jpg" width="200px"></div>
        <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/gd9.jpg" width="200px"></div>
        <div class="col-lg-2"><img src="${pageContext.request.contextPath}/img/gd10.jpg" width="200px"></div>
        <div class="col-lg-1">&nbsp;</div>
    </div>

    <div class="row">
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 50px;">孤独向|宁静的 夜晚仰望星空
            <p style="color:#ABABAB ;">播放量：25.3万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">Jay-Z的2019最爱
            <p style="color: #ABABAB;">播放量13.6万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">励志向&韩语说唱
            <p style="color: #ABABAB;">播放量15.4万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">睡个安稳觉吧
            <p style="color: #ABABAB;">播放量22.6万</p>
        </div>
        <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">失恋向：不够爱自己
            <p style="color: #ABABAB;">播放量16.6万</p>
        </div>
        <div class="col-lg-1"></div>
    </div>
</div>
<p style="line-height: 20px;">&nbsp;</p>
<!--
	作者：offline
	时间：2019-12-22
	描述：排行榜
-->
<div style="line-height: 70px;text-align: center;background-color:  #F2F2F2;"><img src="${pageContext.request.contextPath}/img/排行榜.png" width="150px"></div>
<div style="background-color:  #F2F2F2;">
    <div class="container" >
        <div class="row">

            <div class="col-lg-2" style="background:url('${pageContext.request.contextPath}/img/排行榜2.png');width: 200px;height: 400px;margin-right: 20px;margin-left: 55px;">
                <p style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;">巅峰榜</p>
                <h3 style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;"><strong>流行指数</strong></h3>
                <h2 style="color: white;text-align: center;line-height: 50px;">一</h2>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">1 最美的期待</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;周笔畅</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">2 平凡之路</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;朴树</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">3 Nice Hair</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;The Chainsmokers</p>
            </div>
            <div class="col-lg-2" style="background: url('${pageContext.request.contextPath}/img/排行榜4.png');width: 200px;height: 400px;margin-right: 20px;">
                <p style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;">巅峰榜</p>
                <h3 style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;"><strong>新歌</strong></h3>
                <h2 style="color: white;text-align: center;line-height: 50px;">一</h2>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">1 冬至</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;艾瑞欧</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">2 下山</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;等什么君</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">3 该死的温柔</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;马天宇</p>
            </div>
            <div class="col-lg-2" style="background: url('${pageContext.request.contextPath}img/排行榜5.png');width: 200px;height: 400px;margin-right: 20px;">
                <p style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;">巅峰榜</p>
                <h3 style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;"><strong>欧美</strong></h3>
                <h2 style="color: white;text-align: center;line-height: 50px;">一</h2>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">1 Waiting For Love</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;Avicii</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">2 Ghost</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;Alan Walker</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">3 Way Back</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;Vicetone</p>
            </div>
            <div class="col-lg-2" style="background: url('${pageContext.request.contextPath}img/排行榜3.png');width: 200px;height: 400px;margin-right: 20px;">
                <p style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;">巅峰榜</p>
                <h3 style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;"><strong>日语</strong></h3>
                <h2 style="color: white;text-align: center;line-height: 50px;">一</h2>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">1 Lemon</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;米津玄师</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">2 恋爱循环</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;花泽香菜</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">3 时空のたもと</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;Kiroro</p>
            </div>
            <div class="col-lg-2" style="background: url('${pageContext.request.contextPath}/img/排行榜1.png');width: 200px;height: 400px;">
                <p style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;">巅峰榜</p>
                <h3 style="text-align: center;font-size: 20px;color: white;line-height: 30px;padding-top: 5px;"><strong>热歌</strong></h3>
                <h2 style="color: white;text-align: center;line-height: 50px;">一</h2>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">1 桥边姑娘</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;海伦</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">2 我是如此相信</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;周杰伦</p>
                <p style="line-height: 50px;">&nbsp;</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">3 麻雀</p>
                <p style="color: white;font-size: 15px;line-height: 20px;padding-top:5px ;">&nbsp;&nbsp;&nbsp;李荣浩</p>
            </div>
            <div class="col-lg-1"></div>
        </div>
    </div>
    <p style="line-height: 20px;">&nbsp;</p>
</div>





<!--
	作者：offline
	时间：2019-12-18
	描述：轮播精彩推荐
-->

<div style="text-align: center; color: black;background-color: white;line-height: 50px;padding-top:20px ;"><img src="${pageContext.request.contextPath}/img/精彩推荐.png" width="150px"></div>
<div id="demo2" class="carousel slide" style="line-height: 300px; margin: 0;">

    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo2" data-slide-to="0" class="active"></li>
        <li data-target="#demo2" data-slide-to="1"></li>
        <li data-target="#demo2" data-slide-to="2"></li>
        <li data-target="#demo2" data-slide-to="3"></li>
        <li data-target="#demo2" data-slide-to="4"></li>
    </ul>
    <div class="carousel-inner1" style="text-align: center;">
        <div class="carousel-item active">
            <div class="container">
                <div class="row" style="text-align: center;">
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1906978.jpg" style="width: 450px; height:190px;vertical-align:middle;"/></a></div>
                    <div class="col-lg-2"></div>
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1911563.jpg" style="width: 450px; height:190px;vertical-align:middle;"/></a></div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <div class="container">
                <div class="row" style="centent">
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1906519.jpg" style="width: 450px; height:190px;"/></a></div>
                    <div class="col-lg-2"></div>
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1908411.jpg" style="width: 450px; height:190px;"/></a></div>
                </div>
            </div>
        </div>
        <div class="carousel-item" >
            <div class="container">
                <div class="row" style="text-align: center;">
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1906838.jpg" style="width: 450px; height:190px;"/></a></div>
                    <div class="col-lg-2"></div>
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1907428.jpg" style="width: 450px; height:190px;"/></a></div>
                </div>
            </div>
        </div>
        <div class="carousel-item" >
            <div class="container">
                <div class="row" style="text-align: center;">
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1909301.jpg" style="width: 450px; height:190px;"/></a></div>
                    <div class="col-lg-2"></div>
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1910349.jpg" style="width: 450px; height:190px;"/></a></div>
                </div>
            </div>
        </div>
        <div class="carousel-item" >
            <div class="container">
                <div class="row" style="text-align: center;">
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1911001.jpg" style="width: 450px; height:190px;"/></a></div>
                    <div class="col-lg-2"></div>
                    <div class="col-lg-5"><a href="#"><img src="${pageContext.request.contextPath}/img/1911284.jpg" style="width: 450px; height:190px;"/></a></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo2" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo2" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>

</div>


<!--
	作者：offline
	时间：2019-12-22
	描述：MV
-->
<div style="text-align: center; color: black;line-height: 90px;background-color:  #F2F2F2;"><img src="${pageContext.request.contextPath}/img/MV.png" width="100px"></div>
<div style="background-color:  #F2F2F2;">
    <div class="container">


        <div class="row">

            <div class="col-lg-2" style="margin-right: 20px;margin-left: 35px;"><img src="${pageContext.request.contextPath}/img/MV1.jpg" width="200px"></div>
            <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/MV2.jpg" width="200px"></div>
            <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/MV3.jpg" width="200px"></div>
            <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/MV4.jpg" width="200px"></div>
            <div class="col-lg-2"><img src="${pageContext.request.contextPath}/img/MV5.jpg" width="200px"></div>
            <div class="col-lg-1">&nbsp;</div>
        </div>



        <div class="row">
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 50px;">七子之歌
                <p style="color:#ABABAB ;">胡夏</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">寂寞的时候
                <p style="color: #ABABAB;">吴青峰</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">All I Want for Christmas Is You
                <p style="color: #ABABAB;">Mariah Carey</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">看见夕阳了吗？
                <p style="color: #ABABAB;">AKB48 Team TP</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">不忘
                <p style="color: #ABABAB;">范玮琪</p>
            </div>
            <div class="col-lg-1"></div>
        </div>
        <p style="line-height: 20px;">&nbsp;</p>
        <div class="row">

            <div class="col-lg-2" style="margin-right: 20px;margin-left: 35px;"><img src="${pageContext.request.contextPath}/img/MV6.jpg" width="200px"></div>
            <div class="col-lg-2" style="margin-right: 20px;"><a href="mv.html"><img src="${pageContext.request.contextPath}/img/MV7.jpg" width="200px"></a></div>
            <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/MV8.jpg" width="200px"></div>
            <div class="col-lg-2" style="margin-right: 20px;"><img src="${pageContext.request.contextPath}/img/MV9.jpg" width="200px"></div>
            <div class="col-lg-2"><img src="${pageContext.request.contextPath}/img/MV10.jpg" width="200px"></div>
            <div class="col-lg-1">&nbsp;</div>
        </div>



        <div class="row">
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 50px;">献丑
                <p style="color:#ABABAB ;">杨丞琳</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;"><a href="mv.html">不需要男朋友</a>
                <p style="color: #ABABAB;">陈梓潼</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">当嘚当当当
                <p style="color: #ABABAB;">圈9</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">너뭔데 ( F.U. )
                <p style="color: #ABABAB;">MFBTY</p>
            </div>
            <div class="col-lg-2" style="font-size: 10px;padding: 0;margin-left: 20px;">CHEN
                <p style="color: #ABABAB;">CHEN</p>
            </div>
            <div class="col-lg-1"></div>
            <p style="line-height: 20px;">&nbsp;</p>
        </div>
    </div>

</div>
<p style="line-height: 20px;">&nbsp;</p>
<div style="background-color: #333333;height: 350px;width: 100%;">
    <div class="container">
        <div class="row">
            <div class="col-lg-7"  style="line-height: 50px;font-size: 15px;padding: 30px;">
                <p style="color:#999999;">下载音律客户端</p>
                <p>
                    <a href="#"><span class="fa fa-windows" style="font-size:48px;color:#999999;margin-left: 15px;"></span></a>
                    <a href="#"><span class="fa fa-android" style="font-size:48px;color:#999999;margin-left: 30px;"></span></a>
                    <a href="#"><span class="fa fa-apple" style="font-size:48px;color:#999999;margin-left: 30px;"></span></a>
                </p>
                <p style="line-height: 20px;color:#999999;">
                    <span style="font-size: 15px;">Windows版</span>
                    <span style="font-size: 15px;">Android版</span>
                    <span style="font-size: 15px;margin-left: 15px;">Ios版</span>
                </p>
            </div>
            <div class="col-lg-5" style="line-height: 40px;font-size: 15px;padding: 20px;">
                <p style="color: #999999;">联系我们</p>
                <p>
                    <span style="margin: 20px;"><img src="${pageContext.request.contextPath}/img/Y.jpg" width="100px"></span>
                    <span style="margin: 20px;"><img src="${pageContext.request.contextPath}/img/COCO.png" width="100px"></span>
                    <span style="margin: 20px;"><img src="${pageContext.request.contextPath}/img/吴春耀.jpg" width="100px"></span>
                </p>
            </div>
        </div>
    </div>



    <p style="line-height:50px ;">&nbsp;</p>
    <div style="text-align: center;color: #999999;">
        <p>关于音律 | About MySoul | 服务条款 | 用户服务协议 | 隐私政策 | 权利声明 | 广告服务 | 腾讯招聘 | 客服中心 | 网站导航</p>
        <p>Copyright © 1998 - 2019 Tencent. All Rights Reserved.</p>
        <p>MySoul公司 版权所有 MySoul网络文化经营许可证</p>
    </div>
</div>




<script src="${pageContext.request.contextPath}/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            layer.msg(elem.text());
        });
    });
</script>
</body>
</html>
